<!--<script setup>-->
<!--defineProps({-->
<!--  count:String-->
<!--})-->
<!--const emit = defineEmits(['update:count'])-->
<!--</script>-->

<!--<template>,-->
<!--  <div>Prop:{{count}}</div>-->
<!--  <input type="text" :value="count" @input="e => emit('update:count',e.target.value)" />-->
<!--</template>-->


<script setup>
// 声明 "modelValue" prop，由父组件通过 v-model 使用
const modelValue = defineModel()
</script>

<template>
  <div>Prop:{{modelValue}}</div>
<!--  相当于你直接改了这个宏定义的值的话 就相当于触发了emit('update:count')这个时间的方法了-->
  <input type="text" :value="modelValue" @input="e => modelValue=e.target.value" />
</template>
